<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>
            <?php echo ($title); ?>
        </title>
        <script type="text/javascript" src="/task/laybbs/Public/jquery-3.1.1.min.js"></script>
        <script src="/task/laybbs/Public/layui.js"></script>
        <link rel="stylesheet" href="//at.alicdn.com/t/font_001z27klwvobt9.css">
        <link rel="stylesheet" href="/task/laybbs/Public/css/layui.css">
        <link rel="stylesheet" href="/task/laybbs/Public/css/global.css">
        <link rel="shortcut icon" href="/task/laybbs/Public/images/fav.ico" type="image/x-icon"/> 
        <script type="text/javascript">
            $(function () {
                $('#logout-btn').click(function () {
                    layui.use('layer', function(){
                    var layer = layui.layer;
                                 
                    $.ajax({
                        url: "<?php echo U('home/ucenter/logout');?>",
                        type: 'POST',
                        dataType: 'json',
                    })
                    .done(function(response) {
                        if(response.info){
                            layer.msg(response.info, {icon: 6});
                            location.href = "<?php echo U('home/index/index');?>";
                        }else{
                            layer.msg('服务器出错', {icon: 5});
                        }
                    })
                    .fail(function() {
                        console.log("error");
                    });
                    }); 
                });
            });
        </script>
    </head>
    <body <?php echo ($body_tag); ?>>
        <div class="header">
            <div class="main">
                <a class="logo" href="<?php echo U('home/index/index');?>" title="Fly">
                    Fly社区
                </a>
                <div class="nav">
                    <a href="<?php echo U('home/question/qlistall');?>">
                        <i class="iconfont icon-wenda">
                        </i>
                        问答
                    </a>
                    <a href="http://fly.layui.com/case/2016/">
                        <i class="iconfont icon-iconmingxinganli" style="top: 2px;">
                        </i>
                        案例
                    </a>
                    <a href="http://www.layui.com/">
                        <i class="iconfont icon-ui">
                        </i>
                        框架
                    </a>
                </div>
                <?php
 if (!$_SESSION['nickname']) { ?>
                    <div class="nav-user">
                    <a class="unlogin" href="<?php echo U('home/login/index');?>">
                        <i class="iconfont icon-touxiang">
                        </i>
                    </a>
                    <span>
                        <a class="login-btn" href="<?php echo U('home/login/index');?>">
                            登入
                        </a>
                        <a class="reg-btn" href="<?php echo U('home/reg/index');?>">
                            注册
                        </a>
                    </span>
                    <p class="out-login">
                        <a href="<?php echo U('/home/login/qqlogin');?>" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})"
                        class="iconfont icon-qq" title="QQ登入">
                        </a>
                        <a href="<?php echo U('/home/login/wblogin');?>" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})"
                        class="iconfont icon-weibo" title="微博登入">
                        </a>
                    </p>
                    </div>
                <?php
 } else { ?>
                    <div class="nav-user">
                        <a href="<?php echo U('home/ucenter/index');?>" class="avatar">
                            <img src="/task/laybbs/<?php echo $_SESSION[avatar];?>" id='avatar-pic'>
                            <cite>
                                <?php echo $_SESSION['nickname'] ?>
                            </cite>
                        </a>
                        <div class="nav">
                            <a href="<?php echo U('home/ucenter/setting');?>">
                                <i class="iconfont icon-shezhi">
                                </i>
                                设置
                            </a>
                            <a href="javascript:void(0);" id="logout-btn">
                                <i style="top: 0; font-size: 22px;" class="iconfont icon-tuichu">
                                </i>
                                退了
                            </a>
                        </div>
                    </div>
                <?php } ?>
            </div>
        </div>
        <div class="main layui-clear">
    <h2 class="page-title">
        登入
    </h2>
    <div class="layui-form layui-form-pane">
        <form method="post">
            <div class="layui-form-item">
                <label for="L_email" class="layui-form-label">
                    邮箱
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="L_email" name="email" required lay-verify="email"
                    autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_pass" class="layui-form-label">
                    密码
                </label>
                <div class="layui-input-inline">
                    <input type="password" id="L_pass" name="pass" required lay-verify="password"
                    autocomplete="off" class="layui-input" placeholder="密码长度6-12位">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_vercode" class="layui-form-label">
                    人类验证
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="L_vercode" name="vercode" required lay-verify="required"
                    placeholder="请回答后面的问题" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid">
                    <span style="color: #c00;">
                        <?php echo $question ?>
                    </span>
                </div>
            </div>
            <div class="layui-form-item">
                <button class="layui-btn" lay-filter="*" lay-submit>
                    立即登录
                </button>
                <span style="padding-left:20px;">
                    <a href="/user/forget">
                        忘记密码？
                    </a>
                </span>
            </div>
            <div class="layui-form-item fly-form-app">
                <span>
                    或者使用社交账号登入
                </span>
                <a href="<?php echo U('/home/login/qqlogin');?>" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})"
                class="iconfont icon-qq" title="QQ登入">
                </a>
                <a href="<?php echo U('/home/login/wblogin');?>" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})"
                class="iconfont icon-weibo" title="微博登入">
                </a>
            </div>
        </form>
    </div>
</div>
<script>
    layui.use(['form'], function(){
        var form = layui.form()
        ,layer = layui.layer;
        //表单验证
        form.verify({
            password: function(value) {
                if ($('#L_pass').val() != '') {
                    if (!(/^[\S]{6,12}$/.test(value))) {
                        return '密码长度不合要求';
                    }
                } else {
                    return '密码不能为空';
                }
            }
        });
        //监听提交
        form.on('submit(*)', function(data) {
            // console.log(data.field);
            $.ajax({
                url: "<?php echo U('home/login/checkdata');?>",
                type: 'POST',
                dataType: 'json',
                data: data.field,
            })
            .done(function(response) {
               if(response.error){
                    layer.msg(response.error, {icon: 5});
               }else if (response.info) {
                    layer.msg(response.info, {icon: 6},function () {
                        location.href = "<?php echo U('home/index/index');?>";
                    });
               }
            })
            .fail(function(response) {
                console.log(response);
            });
            return false;
        });
    });
</script>
        
        <div class="footer">
            <p>
                <a href="http://fly.layui.com/">
                    Fly社区
                </a>
                2016 &copy;
                <a href="http://www.layui.com/">
                    layui.com
                </a>
            </p>
            <p>
                <a href="http://fly.layui.com/jie/3147.html" target="_blank">
                    产品授权
                </a>
                <a href="http://fly.layui.com/jie/4536.html" target="_blank">
                    获取Fly社区模版
                </a>
                <a href="http://fly.layui.com/jie/2461.html" target="_blank">
                    微信公众号
                </a>
            </p>
        </div>
    </body>
</html>